<template>
  <div class="page-download xtx-wrapper">
    <div class="container">
      <div class="card">
        <div class="img">
          <img src="@/assets/images/phone.png" alt="">
        </div>
        <div class="app">
          <h1>小兔鲜儿App</h1>
          <h3>品质新鲜、价格亲民、物流快捷</h3>
          <div class="download">
            <div class="code">
              <img src="https://img02.mockplus.cn/preview/2021-01-21/c77b1ebe-f242-4df8-829f-b20e5e323e7a/images/app%E4%B8%8B%E8%BD%BD/u133.png" alt="">
            </div>
            <div class="btn" style="margin-top:20px">
              <xtx-button>ios版本下载</xtx-button>
              <xtx-button style="margin-top:20px">安卓版本下载</xtx-button>
              <p>最新版本:  V1.1.0</p>
              <p>更新日期:  2020-06-01</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'page-download'
}
</script>

<style scoped lang="less">
.card {
  padding: 100px 20px;
  margin-top: 25px;
  align-items: center;
}
.card , .download{
  background: #fff;
  display: flex;
  > div {
    flex: 1;
    p {
      margin: 10px;
    }
  }
}
</style>
